html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* FRAMEWORK */

body {
  background:#9ab3bf;
  margin:0;
  padding:0;
  color:#333;
  font:normal 100% Arial, Helvetica, Verdana, sans-serif;
  font-size/* */:/**/small;
  font-size:/**/small;
  text-align:center;
}

strong,b {
  font-weight:bold;
}

cite,em,i {
  font-style:italic;
}

a:link {
transition: color 0.5s;
-moz-transition: color 0.5s;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
outline:none;
color:#1e598e;
text-decoration:none;
}
a:visited {
color:#1e598e;
text-decoration:none;
}
a:hover, a:active {
color:#c80441;
text-decoration:none;
}

a img {
  border:none;
  border-width:0;
}

abbr,
acronym {
  border-bottom:1px dotted;
  cursor:help;
}

sup,
sub {
  vertical-align:baseline;
  position:relative;
  top:-.4em;
  font-size:86%;
}

sub {
  top:.4em;
}

small {
  font-size:86%;
}

kbd {
  font-size:80%;
  border:1px solid #999;
  padding:2px 5px;
  border-bottom-width:2px;
  border-radius:3px;
}

mark {
  background-color:#ffce00;
  color:black;
}

p,blockquote,pre,
table,figure,hr,form,
ol,ul,dl {
  margin:1.5em 0;
}

hr {
  height:1px;
  border:none;
  background-color:#666;
}

h1,h2,h3,h4,h5,h6 {
  font-weight:bold;
  line-height:normal;
  margin:1.5em 0 0;
}

h1 {font-size:200%}
h2 {font-size:180%}
h3 {font-size:160%}
h4 {font-size:140%}
h5 {font-size:120%}
h6 {font-size:100%}

ol,ul,dl {margin-left:3em}
ol {list-style:decimal outside}
ul {list-style:disc outside}
li {margin:.5em 0}

dt {font-weight:bold}
dd {margin:0 0 .5em 2em}

input,
button,
select,
textarea {
  font:inherit;
  font-size:100%;
  line-height:normal;
  vertical-align:baseline;
}

textarea {
  display:block;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

pre,
code {
  font-family:"Courier New",Courier,Monospace;
  color:inherit;
}

pre {
  white-space:pre;
  word-wrap:normal;
  overflow:auto;
}

blockquote {
  margin-left:2em;
  margin-right:2em;
  border-left:4px solid #ccc;
  padding-left:1em;
  font-style:italic;
}

table[border="1"] th,
table[border="1"] td,
table[border="1"] caption {
  border:1px solid;
  padding:.5em 1em;
  text-align:left;
  vertical-align:top;
}

th {
  font-weight:bold;
}

table[border="1"] caption {
  border:none;
  font-style:italic;
}
table {
background:#fafafa;
margin:0 auto 14px;
}
td, th {
vertical-align:top;
text-align:left;
font-size:13px;
padding:3px 5px;
border:1px solid #ccc;
}
th {
background:#ddd;
}
a, img {
outline:none;
}
div.separator a img {
border:1px solid #ccc;
margin-bottom:10px;
}
a.box {
box-shadow:2px 2px 5px rgba(1,1,1,.1);
position:relative;
top:0px;
left:0px;
display:block;
background:#f0f0f0;
border:1px solid #fff;
padding:3px 6px;
color:#666;
font-size:13px;
}
a.box:active {
box-shadow:0px 0px 2px rgba(1,1,1,.1);
top:2px;
left:2px;
text-decoration:none;
}
ul.blogroll li a {
transition: padding 0.5s ease-out;
-moz-transition:padding 0.5s ease-out;
-webkit-transition: padding 0.5s ease-out;
-o-transition:padding 0.5s ease-out;
}
ul.blogroll li a:hover {
padding-left:5px;
}
#navbar-iframe, .status-msg-wrap, .post-feeds, .feed-links {
display:none;
}
.clear {
clear:both;
}
ol, ul {
list-style-type:none;
}
img, iframe, table {
max-width:100%;
}




/* ELEMEN */

#wrapper {
box-shadow:0px 0px 10px #000;
background:#eaeaea;
width:970px;
margin:29px auto 0;
padding:0;
font-size:14px;
text-align:left;
}
#header-wrapper {
background:#f5f5f5;
overflow:hidden;
height:auto;
padding:10px;
}
#content-wrapper {
background:#f5f5f5;
height:auto;
}
#posting {
background:#eaeaea;
float:left;
width:650px;
border-right:1px solid #fff;
}
#sidebar {
background:transparent;
float:right;
width:319px;
}
#footer-wrapper {
background:#0054BB;
background:-webkit-linear-gradient(top, #89AD39, #333);
background:-moz-linear-gradient(top, #89AD39, #333);
background:-ms-linear-gradient(top, #89AD39, #333);
background:-o-linear-gradient(top, #89AD39, #333);
background:linear-gradient(top, #89AD39, #333);
overflow:hidden;
text-shadow:0px -1px 0px #000;
padding:10px;
font-size:12px;
color:#ddd;
}


/* NAVIGASI */
#top-nav {
background:#0054BB;
background:-webkit-linear-gradient(top, #89AD39, #333);
background:-moz-linear-gradient(top, #89AD39, #333);
background:-ms-linear-gradient(top, #89AD39, #333);
background:-o-linear-gradient(top, #89AD39, #333);
background:linear-gradient(top, #89AD39, #333);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
height:30px;
width:100%;
min-width:970px;
position:fixed;
top:0;
left:0;
z-index:9999;
overflow:hidden;
border-bottom:1px solid #000;
}
#top-nav ul {
margin:0 auto 0;
width:970px;
}
#top-nav ul li {
margin:0 0 0 0;
float:left;
}
#top-nav ul li a {
line-height:28px;
padding:0 15px;
color:#aaa;
font-size:13px;
text-shadow:0px -1px 0px #000;
display:block;
text-decoration:none;
}
#top-nav ul li a:hover {
color:#fff;
}
nav{
position:relative;
font:bold 16px Calibri,Arial,Sans-Serif;
}

nav *{margin:0 0 0 0;padding:0 0 0 0;list-style:none;}

nav ul{
background:#0054BB;
background:-webkit-linear-gradient(top, #89AD39, #333);
background:-moz-linear-gradient(top, #89AD39, #333);
background:-ms-linear-gradient(top, #89AD39, #333);
background:-o-linear-gradient(top, #89AD39, #333);
background:linear-gradient(top, #89AD39, #333);
height:30px;
-webkit-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.4);
box-shadow:inset 0px 1px 0px rgba(0,0,0,0.4), inset 0px 2px 0px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.4);
}

nav li{float:left;display:inline;}

nav li a{
padding:0px 15px;
line-height:30px;
color:#fff !important;
text-shadow:1px 1px #555;
display:block;
text-decoration:none;
-webkit-box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
}

nav li a:hover{
background:rgba(0,0,0,0.1) !important;
}
nav li a:active{
background:#0054bb;
background:-webkit-linear-gradient(bottom, #89AD39, #333);
background:-moz-linear-gradient(bottom, #89AD39, #333);
background:-ms-linear-gradient(bottom, #89AD39, #333);
background:-o-linear-gradient(bottom, #89AD39, #333);
background:linear-gradient(bottom, #89AD39, #333);
}

nav li ul{
display:block;
width:170px;
position:absolute;
left:auto;
z-index:10;
visibility:hidden;
opacity:0;
height:auto;
-webkit-transition:all 0.26s ease-out 0.2s;
-moz-transition:all 0.26s ease-out 0.2s;
-ms-transition:all 0.26s ease-out 0.2s;
-o-transition:all 0.26s ease-out 0.2s;
transition:all 0.26s ease-out 0.2s;
}

nav li li{
display:block;
float:none;
width:100%;
}

nav li:hover > ul{
visibility:visible;
width:200px;
opacity:1;
}

nav li li ul{
left:200px;
margin-top:-40px;
}

nav li.sub > a{
position:relative;
padding-right:30px;
}

nav li.sub > a:after{
content:"";
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:#eee transparent transparent transparent;
position:absolute;
top:20px;
right:10px;
}
nav li.sub li.sub > a:after{
content:"";
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:transparent transparent transparent #eee;
position:absolute;
top:16px;
right:10px;
}

/* HEADER */
#header {
float:left;
max-width:400px;
height:60px;
}
#header h1.title, #header p.title {
font-family:"Racing Sans One", Arial, Sans-Serif;
font-size:30px;
text-shadow:1px 1px #fff, 2px 2px #ccc, 3px 3px #ddd, 4px 4px #eee;
margin:0;
padding:0 0 3px;
}
#header h1.title a, #header p.title a {
color:#333;
}
#header .description {
font-family:"Racing Sans One", Arial, Sans-Serif;
font-size:13px;
color:#666;
text-shadow:1px 1px #fff;
letter-spacing:1px;
margin:0;
padding:0;
}
.form-wrapper {
box-shadow:1px 1px 5px rgba(1,1,1,.1);
float:right;
display:inline;
width:296px;
padding:0;
margin:15px 0 0 0;
border:2px solid #fff;
}
.form-wrapper input {
width:196px;
height:26px;
line-height:26px;
padding:0 12px;
float:left;
font:normal 12px Arial, sans-serif;
border:0;
background:#eee;
}
.form-wrapper input:focus {
outline:0;
background:#fff;
box-shadow: 1px 1px 5px rgba(0,0,0,.8) inset;
}
.form-wrapper button {
overflow:visible;
float:right;
border:0;
padding:0;
cursor:pointer;
height:26px;
width:76px;
font-weight:bold;
color:#fff;
text-transform: uppercase;
background:#d83c3c;      
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
.form-wrapper button:hover{		
background: #e54040;
}	
.form-wrapper button:active, .form-wrapper button:focus{   
background: #c42f2f;
}

/* POSTING */
#kotak-posting {
margin:10px;
padding:0;
word-wrap:break-word;
}
.breadcrumbs {
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#f5f5f5;
text-align: left;
padding:8px;
margin:10px 0 5px;
font-size:13px;
line-height:1.4;
border:1px solid #fff;
}
.post {
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fff;
position:relative;
padding:8px;
margin:0;
border:1px solid #89ad39;
}
.post-footer {
background:#f5f5f5;
position:absolute;
bottom:0;
right:0;
left:0;
padding:6px 8px;
margin:0;
color:#666;
font-size:11px;
text-align:right;
}
.plus {
background:transparent;
position:absolute;
z-index:6;
bottom:0;
left:0;
padding:6px 8px;
margin:0;
color:#666;
font-size:12px;
text-align:left;
}
.item-post-footer {
margin:10px 0 8px;
text-align:right;
font-size:12px;
color:#888;
font-style:italic;
}
.postthumb{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;padding:4px;margin:3px 8px 3px 0;float:left;border:1px solid #fff;width:62px;
height:62px;display:inline
}
.post-body {
line-height:1.4;
text-align:justify !important;
}
.post-title h2, .post-title h1 {
font-weight:bold;
line-height:1.1;
letter-spacing:-0.5px;
margin:0;
} 
.post-title h2 {
padding:0 0 6px;
font-size:17px;
}
.post-title h1 {
font-size:22px;
padding:0 0 10px;
}
.lain {
border-radius: 6px;
font-size:13px;
margin:0 0 10px;
padding:8px;
border:2px solid #ddd;
}
#blog-pager {
clear:both !important;
overflow:hidden;
margin:-3px 0;
padding:3px;
text-align:center;
}
#blog-pager-newer-link{
float:left
}
#blog-pager-older-link{
float:right
}
.post-body ul {
margin:0 0 13px 28px;
list-style-type:disc
}
.post-body ol {
margin:0 0 13px 28px; 
list-style-type:decimal
}
blockquote {
background: url(//1.bp.blogspot.com/-o15n4o2siLA/UaD_limA25I/AAAAAAAADI0/mLH0kRiyHWk/s320/blockquote1.png) no-repeat 2px 2px, url(//3.bp.blogspot.com/-KY7aYefj4E8/UaEBNeNdjKI/AAAAAAAADJA/Jj5yxUJtrhE/s320/blockquote.png) no-repeat bottom right, #fff;
border-left:6px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
font-style:italic;
margin:0 0 13px 13px;
padding:10px 22px 10px 22px;
}
#share-button {
margin:0 0 8px;
padding:0;
overflow:hidden;
}
#share-button p {
float:left;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fafafa;
display:block;
padding:5px 8px !important;
margin:0 3px 3px 0;
border-radius:6px 6px;
border:1px solid #fff;
}
#share-button a {
position:relative;
float:left;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
border-radius:6px 6px;
display:block;
color:#fafafa;
padding:5px 8px;
margin:0 3px 3px;
border:1px solid #fff;
}
#share-button a:hover {
top:1px;
left:1px;
box-shadow:0px 0px 3px rgba(1,1,1,.1);
}

/* SIDEBAR */
#sidebar #kotak-sidebar {
margin:10px 10px 10px 9px;
padding:0;
width:300px;
}
#sidebar h2, #sidebar h3 {
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#0054bb;
background:-webkit-linear-gradient(bottom, #89AD39, #333);
background:-moz-linear-gradient(bottom, #89AD39, #333);
background:-ms-linear-gradient(bottom, #89AD39, #333);
background:-o-linear-gradient(bottom, #89AD39, #333);
background:linear-gradient(bottom, #89AD39, #333);
text-transform:uppercase;
color:#fff;
font-size:15px;
text-shadow:0 1px 0px #666;
padding:4px 8px;
margin:0;
border:1px solid #fff;
}
#sidebar .widget {
margin:0;
clear:both;
}
#sidebar .widget-content {
padding:8px 0 0;
}
#sidebar #kotak-sidebar-kiri {
float:left;
width:145px;
margin:0 5px 10px 9px;
font-size:11px;
display:inline;
}
#sidebar #kotak-sidebar-kanan {
float:right;
width:145px;
margin:0 10px 10px 5px;
font-size:11px;
display:inline;
}
#sidebar #kotak-sidebar-bawah {
margin:0 10px 10px 9px;
padding:0;
width:300px;
}


/* CUSTOM WIDGET */
.BlogArchive #ArchiveList ul li {
text-indent:0 !important;
}
.PopularPosts .item-snippet {
color:#666;
font-size:10px;
}
.PopularPosts .item-thumbnail {
float:right;
background:#fafafa;
margin:0 0 0 6px;
padding:4px;
border:1px solid #fff;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
display:inline;
}
.PopularPosts .item-thumbnail a img {
height:60px;
width:60px;
display:block;
margin:0;
padding:0;
}
.PopularPosts .widget-content ul li {
padding:5px 2px !important;
}
.widget-content ul li {
margin:0;
padding:3px 2px;
border-top:1px solid #fafafa;
border-bottom:1px solid #ddd;
}
.widget-content a img {
display:block;
}
.widget-content ul, .widget-content li {
margin:0 0 0 0;
}
.widget-content ul li:first-child {
border-top:medium none !important;
}
.widget-content ul li:last-child {
border-bottom:medium none !important;
}
.widget-content ul li a {
color:#333;
}
.widget-content ul li a:hover {
color:#C80441;
}
#LinkList1 .widget-content ul {
height:100px;
overflow-y:auto;
}
.profile-img {
background:#fafafa;
padding:4px;
border:1px solid #fff;
}
.item-control {
display:none;
}


/* BOTTOM-BAR */
#bottom-bar {
overflow:hidden;
background:#0054bb;
background:-webkit-linear-gradient(bottom, #89AD39, #333);
background:-moz-linear-gradient(bottom, #89AD39, #333);
background:-ms-linear-gradient(bottom, #89AD39, #333);
background:-o-linear-gradient(bottom, #89AD39, #333);
background:linear-gradient(bottom, #89AD39, #333);
margin:0;
padding:10px;
font-size:12px;
border-top:1px solid #fafafa;
display:block;
}
#bottom-bar h2, #bottom-bar h3 {
padding:3px 0;
margin:0;
font-size:15px;
font-weight:bold;
text-shadow:0px 1px 0px #eee;
text-transform:uppercase;
border-bottom:1px solid #ddd;
}
#bottom-bar .widget {
margin:0 0 10px;
}
#bottom-bar .widget-content ul li {
margin:0;
padding:3px 2px;
border-top:1px solid #fafafa;
border-bottom:1px solid #ddd;
}
#bottom-bar .widget-content {
padding:8px 0;
border-top:1px solid #fafafa;
}
#bottom-bar .kiri {
float:left;
width:310px;
margin:0 5px 0 0;
display:inline;
}
#bottom-bar .tengah {
float:left;
width:310px;
margin:0 5px 0 5px;
display:inline;
}
#bottom-bar .kanan {
float:right;
width:310px;
margin:0 0 0 5px;
display:inline;
}


/* FOOTER */
#footer-wrapper .footer-kiri {
float:left;
}
#footer-wrapper .footer-kanan {
float:right;
text-align:right;
}
#footer-wrapper a {
color:#ddd;
}


#leaderboard {
text-align:center;
padding:0px;
margin:0px;
}
#leaderboard .widget {
        max-width:100%;
    overflow:hidden;
border-bottom:1px solid #fafafa;
}
#leaderboard .widget h2 {
display:none;
}
#leaderboard .widget-content {
margin:0 auto;
padding:10px 10px 10px 10px;
border-bottom:1px solid #ccc;
}
#leaderboard img {
max-width:100%;
}


@media all{
.BLOG_mobile_video_class{
display:none
}
}
@media handheld{
.BLOG_mobile_video_class{
display:inline
}
.BLOG_video_class, #leaderboard {
display:none
}
}
.g-plus {
background:#f5f5f5 !important;
}
